<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/middle.css" />
		<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
	</head>
	<body>
		<div id="middle">
				<!--图片轮播-->
				<div class="banner">
					<div id="pirtear">
						<img class="shuffing" src="img/banner/1.jpg" />
					</div>
					
					
					<!--描述：左右图标 做成一秒钟显示3次的效果-->		
                 <div class="left"><img class="left-icon" src="img/left.png" style="display:none" ></div>
						
				 <div class="right"><img class="right-icon" src="img/right.png" style="display:none"></div>
						
					<!--描述：轮播图片底部线条-->
					<div class="byline">
						<ul class="underline">
							<li class="un">
							</li>
							<li class="un"> 
								
							</li>
							<li class="un">
								
							</li>
							<li class="un">
								
							</li>
							<li class="un">
								
							</li>
							<li class="un">				
							</li>
						</ul>
					</div>
				</div>

				<!--
                 	描述：中部小图
                 -->
				<div class="newcar" title="中部小图">
						<ul>
							<!--描述：第一张-->
							<li>
								<a href="#">	
									<img class="car_tp" src="img/newcar/1.jpg" />
									<div class="car_txt">
										<img class="car_txt1" src="img/newcar/tb1.jpg" />
										<img class="car_txt2" src="img/newcar/th1.jpg">
									</div>
								</a>
							</li>
							<!--描述：第二张-->
							<li>
								<a href="#">	
									<img class="car_tp" src="img/newcar/2.jpg" />
									<div class="car_txt">
										<img class="car_txt1" src="img/newcar/tb2.jpg" />
										<img class="car_txt2" src="img/newcar/th2.jpg">
									</div>
								</a>
							</li>
							<!--描述：第三张-->
							<li>
								<a href="#">	
									<img class="car_tp" src="img/newcar/3.jpg" />
									<div class="car_txt">
										<img class="car_txt1" src="img/newcar/tb3.jpg" />
										<img class="car_txt2" src="img/newcar/th3.jpg">
									</div>
								</a>
							</li>
							<!--描述：第四张-->
							<li>
								<a href="#">	
									<img class="car_tp" src="img/newcar/4.jpg" />
									<div class="car_txt">
										<img class="car_txt1" src="img/newcar/tb4.jpg"/>
										<img class="car_txt2" src="img/newcar/th4.jpg">
									</div>
								</a>
							</li>
						</ul>	
					
				</div>

				<!--
               	描述：中间小底部
               -->

				<!--
                   	描述：背景图
                -->
				<div class="bto_bg">
					
					<!--
                       	描述中间的文本描述
                       -->
					<div class="clu-logtxt">
						<ul>
							<li><img src="img/clubpicture/log.png"></li>
							<li><img src=" img/clubpicture/log-txt.png"></li>
						</ul>
					</div>
					
					<!--描述：5张图片 -->

					<div class="out-activities">
						<div class="culb-bg">
							<ul class="out1">
								<li><img src="img/clubpicture/1.jpg" /></li>
								<li><img src="img/clubpicture/2.jpg" /></li>
								<li><img src="img/clubpicture/3.jpg" /></li>
							</ul>
							<ul class="out2">
								<li><img src="img/clubpicture/4.jpg" /></li>
								<li><img src="img/clubpicture/5.jpg" style="width: 500px;" /></li>
							</ul>
						</div>

					</div>
					<!--
                      	描述：俱乐部图片完结
                      -->
				</div>
				<!--描述：中底部定制开始 -->
				
					<div class="custom-bg">
						<ul>
							<li>
								<a href=" ">
									<img src="img/botpicture/1.png"></a>
								<img src="img/botpicture/sx.png">
							</li>
							<li>
								<a href=" "><img src="img/botpicture/2.png"></a>
								<img src="img/botpicture/sx.png" />
							</li>
							<li>
								<a href=" "><img src="img/botpicture/3.png"></a>
								<img src="img/botpicture/sx.png" />
							</li>
							<li>
								<a href=" "><img src="img/botpicture/4.png" ></a>
							</li>
						</ul>
					</div>
			
			</div>
			
			<script type="text/javascript" src="js/header.js" ></script>
	</body>
</html>
